<template>
    <h1>Pexels</h1>
    <view class="wallpaper">
        <view class="item" @click="goPexels">
            <text> Pexels </text>
            <image :src="bgList[1]" mode="aspectFill" />
        </view>
    </view>
</template>

<script setup lang="ts">
defineProps({
    bgList: {
        type: Array as any,
        default: []
    }
})
const goPexels = () => {
  uni.navigateTo({
    url: '/pages/pexels/pexels'
  })
}
</script>

<style scoped>
.wallpaper {
    box-shadow: 0.3em 0.3em 0.7em var(--shadow);
    transition: border 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    padding-bottom: 10px !important;
}
</style>